.login {
  height: 100%;
  .flex-column-center();
  position: relative;

  .login-bg {
    position: absolute;
    inset: 0;
    background-image: url("../../assets/image/login-background.jpg");
    background-size: cover;
    filter: blur(10px);
    z-index: -1;
  }

  .card {
    width: 400px;
    padding: 25px;
    background-color: white;
    border-radius: 6px;

    .card-header {
      margin: 0 auto 30px auto;
      text-align: center;
      color: #707070;
      font-size: 18px;
    }

    .card-row {
      width: 100%;
      margin-bottom: 20px;
      .flex-row-start();
      :global {
        .ant-input {
          font-size: @font-size-base !important;
        }
      }
    }

    .btns {
      margin-top: 30px;
      width: 100%;
      .flex-column-center();

      .btn {
        width: 100%;
      }
    }
  }
}